<template>
  <h1>属性绑定练习</h1>
  <input type="text" value="kk">
  <input type="text" value="info">
  <hr>
  <!--将input 元素的value属性与响应式变量info进行绑定，由info 来控制输入框显示的默认值-->
  <input type="text" v-bind:value="info">
  <!--  简写   v-bind:value=""  可以简写成:value=""-->
  <input type="text" :value="info">

  <a href="url">超链接1</a>
  <a :href="url">超链接2</a>
</template>

<script setup>
import {ref} from 'vue'

const info = ref('属性绑定');

const url = ref('http://www.baidu.com');
url.value = 'http://www.jd.com';
</script>

<style scoped>

</style>